.clearfix:after{clear:both;content:"\200B";display:block;height:0;}
.clearfix{*zoom:1;}
.w1200{ width: 1200px; height: auto; margin: 0 auto; padding: 0;}
/**修复首页图标错位**/
.title img {
    border: 0px;
    outline-width: 0px;
    vertical-align: top;
}
/*top*/
.top_Wrap{ width: 100%; height: auto; background: #eee; min-width: 1200px;}
.top_Wrap h5{ float: left; margin: 0; height: 34px; line-height: 34px; color: #505050;}
.top_Wrap .top_Right{ float: right; height: 34px; line-height: 34px; font-size: 14px; color: #505050;}
.top_Wrap .top_Right a{ display: inline-block; margin-right: 38px; color: #505050;}
.top_Wrap .top_Right a:hover,.top_Wrap .top_Right a.cur{ color: #ff5384;}
.top_Wrap .top_Right a.uploat_App{ margin-right: 0; padding-left: 20px; background: url(../image/ico.png) 0 center no-repeat;}
/*header*/
.header_Warp{ width: 100%; height: auto; min-width: 1200px;}
/*logo*/
.logo{ position: relative; padding: 30px 0; width: 271px; height: auto; float: left;}
.logo .logoA{ display: block;}
.logo .logoA img{ display: block; width: 100%; height: 80px;}
.logo .div_Adress{ position: absolute; display: block; right: -20px; top: 43px; padding: 0 7px 0 5px; border-radius: 3px; background: #ff5384; height: 28px; font-size: 16px; color: #fff; line-height: 28px;}
.logo .div_Adress span{ display: block; padding-right: 15px; background: url(../image/ico1.png) right center no-repeat;}
/*search*/
.search{ position: relative; width: 554px; *width: 558px; border-radius: 3px; margin-left: 115px; margin-top: 48px; float: left;}
.search .input-group{ width: 100%; height: auto;}
.search .form-control{ border: 1px solid #ff5384; width: 330px; *width:310px; height: 42px; line-height: 42px; padding-top: 0; padding-bottom: 0; color: #bbb;}
.search .input-group-btn{ width: 224px; position: absolute; right: 0; top: 0;}
.search .btn-default{ border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; margin-right: 4px; background: #ff5384; height: 42px; *height: 44px; width: 110px; border: none; padding: 0; font-size: 16px; color: #fff;}
.search .selQ{border-top-left-radius: 3px !important;border-bottom-left-radius: 3px !important;}
.search .btn-default:hover{ background: #fe2f6a;}

/*购物车*/
.cartDiv{ float: right; margin-top: 48px;}
.cartDiv a{ display: block; border-radius: 3px; height: 42px; padding-left: 58px; padding-right: 25px; background: url(../image/ico3.png) 28px center no-repeat; line-height: 42px; border: 1px solid #c9c9c9; color: #505050;}
.cartDiv a:hover{ border: 1px solid #ff5384; background: url(../image/ico3_hov.png) 28px center no-repeat; color: #ff5384;}
.nav_Wrap{ width: 100%; height: auto; position: relative; z-index: 100;}
.nav_Wrap .navDiv{ position: relative;}
.nav_Wrap .nav-pills{ padding-left: 241px;}
.nav_Wrap .nav-pills > li{ margin-left: 55px;}
.nav_Wrap .nav > li > a{ display: block; padding: 0; height: 44px; line-height: 44px; font-size: 16px; color: #333;}
.nav_Wrap .nav-pills > li.active > a{ background: none; color: #ff5384;}
.nav_Wrap .nav > li > a:hover{ background: none; color: #FF5384;}
/*所有服务分类*/
/*.navDiv .list { width: 272px; height: 44px; position: absolute; left: 0; top: 0; }*/
/*.navDiv .list h1 { width: 100%; height: 44px; line-height: 44px; font-size: 16px; color: #fff; background: #ff5384; cursor: pointer; text-align: center; }*/
/*.navDiv .list h1 em{ display: inline-block;}*/
/*.navDiv .listDiv h1{ height: 45px; line-height: 45px;}*/
/*.navDiv .listDiv h1 em{ padding-right: 25px; background: url(../image/ico29.png) right center no-repeat;}*/
/*.navDiv .listDiv h1.cur em{background: url(../image/ico29_hov.png) right center no-repeat;}*/
/*#list_nav,.list_nav { width: 272px; height: 500px; position: absolute; top: 44px; left: 0; z-index: 10; background: #f8618c; display: none; }*/
/*#list_nav{ top: 45px;}*/
/*.list_nav {display: block;}*/
/*#list_nav{ display: none;}*/
/*#list_nav ul,.list_nav ul { position: relative; height: 500px; }*/
/*#list_nav ul li,.list_nav ul li { width: 272px; height: 50px; float: left; }*/
/*#list_nav ul>li>a,.list_nav ul>li>a { width: 100%; height: 50px; display: inline-block; font-size: 14px; color: #ffffff; }*/
/*#list_nav ul li span,.list_nav ul li span { width: 216px; padding-left: 56px; display: block; height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }*/
/*.list_nav ul li.ico>a,#list_nav ul li.ico>a{ background: url(../image/ico6.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico1>a,#list_nav ul li.ico1>a{ background: url(../image/ico7.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico2>a,#list_nav ul li.ico2>a{ background: url(../image/ico8.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico3>a,#list_nav ul li.ico3>a{ background: url(../image/ico9.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico4>a,#list_nav ul li.ico4>a{ background: url(../image/ico10.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico5>a,#list_nav ul li.ico5>a{ background: url(../image/ico11.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico6>a,#list_nav ul li.ico6>a{ background: url(../image/ico12.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico7>a,#list_nav ul li.ico7>a{ background: url(../image/ico13.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico8>a,#list_nav ul li.ico8>a{ background: url(../image/ico14.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico9>a,#list_nav ul li.ico9>a{ background: url(../image/ico15.png) 18px center no-repeat;}*/
/*.list_nav ul li a:hover,#list_nav ul li a:hover{ color: #505050;}*/
/*.list_nav ul li.ico>a:hover,#list_nav ul li.ico>a:hover,.list_nav ul li.ico.cur>a,#list_nav ul li.ico.cur>a{ background:#fff url(../image/ico6_hov.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico1>a:hover,#list_nav ul li.ico1>a:hover,.list_nav ul li.ico1.cur>a,#list_nav ul li.ico1.cur>a{ background:#fff url(../image/ico7_hov.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico2>a:hover,#list_nav ul li.ico2>a:hover,.list_nav ul li.ico2.cur>a,#list_nav ul li.ico2.cur>a{ background:#fff url(../image/ico8_hov.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico3>a:hover,#list_nav ul li.ico3>a:hover,.list_nav ul li.ico3.cur>a,#list_nav ul li.ico3.cur>a{ background:#fff url(../image/ico9_hov.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico4>a:hover,#list_nav ul li.ico4>a:hover,.list_nav ul li.ico4.cur>a,#list_nav ul li.ico4.cur>a{ background:#fff url(../image/ico10_hov.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico5>a:hover,#list_nav ul li.ico5>a:hover,.list_nav ul li.ico5.cur>a,#list_nav ul li.ico5.cur>a{ background:#fff url(../image/ico11_hov.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico6>a:hover,#list_nav ul li.ico6>a:hover,.list_nav ul li.ico6.cur>a,#list_nav ul li.ico6.cur>a{ background:#fff url(../image/ico12_hov.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico7>a:hover,#list_nav ul li.ico7>a:hover,.list_nav ul li.ico7.cur>a,#list_nav ul li.ico7.cur>a{ background:#fff url(../image/ico13_hov.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico8>a:hover,#list_nav ul li.ico8>a:hover,.list_nav ul li.ico8.cur>a,#list_nav ul li.ico8.cur>a{ background:#fff url(../image/ico14_hov.png) 18px center no-repeat;}*/
/*.list_nav ul li.ico9>a:hover,#list_nav ul li.ico9>a:hover,.list_nav ul li.ico9.cur>a,#list_nav ul li.ico9.cur>a{ background:#fff url(../image/ico15_hov.png) 18px center no-repeat;}*/
/*#list_nav ul li .Menu,.list_nav ul li .Menu { width: 360px; padding: 0px 20px; *width: 320px; overflow: hidden; height: 500px; position: absolute; left: 272px; top: 0; display: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; z-index: 1000; background:url(../image/back5.png) repeat; }*/
/*#list_nav ul li.cur a,.list_nav ul li.cur a { color: #505050;}*/
/*#list_nav ul li.cur .Menu,.list_nav ul li.cur .Menu { display: block; }*/
/*#list_nav ul li .Menu h5,.list_nav ul li .Menu h5{ width: 100%; margin-top: 10px; height: 30px; line-height: 30px; font-size: 14px; color: #505050;}*/
/*#list_nav ul li .Menu p,.list_nav ul li .Menu p{ width: 100%; padding: 5px 0; height: auto; overflow: hidden;}*/
/*#list_nav ul li .Menu p a,.list_nav ul li .Menu p a{ display: block; margin-right: 30px; float: left; height: 26px; line-height: 26px; font-size: 12px; color: #666;}*/
/*#list_nav ul li .Menu p a:hover,.list_nav ul li .Menu p a:hover{ color: #ff5384;}*/
    /*banner*/
.bannerDiv{ width:100%; height:auto; overflow:hidden; position:relative;z-index: 10;  min-width: 1200px;}
.bannerDiv .bd{ position:relative; height:100%; z-index:0;   }
.bannerDiv .bd li{ zoom:1; vertical-align:middle; }
.bannerDiv .bd img{ width:100%; height:500px; display:block;  }
/*banner右边登录块*/
.bannRight{ position: absolute; left: 50%; margin-left: -600px; top: 0; height: auto;}
.bannRight .bannDiv{ width: 272px; position: absolute; top: 0; right: 0; height: 500px; background: url(../image/back.png) repeat;}
.bannRight .bannDiv .banTop{ padding:20px;}
.bannRight .bannDiv .banTop .bantImg{ width: 50px; height: auto; display: block;}
.bannRight .bannDiv .banTop .bantImg img{ display: block; width: 100%; height: 50px; border-radius: 50%;}
.bannRight .bannDiv .banTop h2{ width: 168px; float: right; padding: 5px 0;}
.bannRight .bannDiv .banTop h2 span{ display: block; height: 20px; line-height: 20px; color: #fff; font-size: 14px;}
.bannRight .bannDiv h5{ padding: 10px 20px 30px 20px; border-bottom: 1px dashed #fff; overflow: hidden;}
.bannRight .bannDiv h5 a{ display: inline-block; float: left; width: 98px; height: 34px; border: 1px solid #ff5384; border-radius: 3px; font-size: 14px; color: #ff5384; line-height: 32px; text-align: center;}
.bannRight .bannDiv h5 a.ico1{ float: right;}
.bannRight .bannDiv h5 a:hover{ background: #ff5384; color: #fff;}
/*猜你喜欢*/
.guess{ padding: 0 22px; margin-top: 44px;}
.guess h6{ width: 100%; height: auto; text-align: center;}
.guess h6 span{ display: inline-block; position: relative; padding: 0 14px; height: 28px; line-height: 28px; font-size: 16px; color: #ffffff;}
.guess h6 span i{ position: absolute; left: 0; top: 50%; margin-top: -2px; display: block; width: 5px; height: 5px;background: url(../image/ico4.png) no-repeat;}
.guess h6 span i.ico{ left: auto; right: 0;}
.guess p{ width: 100%; height: auto; overflow: hidden; margin-top: 18px;}
.guess p a{ display: block; float: left; width: 76px; padding: 10px 4px; height: 42px; line-height: 22px; text-align: center; font-size: 14px; color: #eee;}
.guess p a:hover{ color: #ff5384;}
/*广告位*/
.space{ width: 656px; height: auto; position: absolute; bottom: 0; left: 50%; margin-left: -328px; overflow: hidden;}
.space a{ display: block; width: 150px; margin-left: 11px; height: 110px; overflow: hidden; float: left;}
.space a img{ display: block; width: 100%; height: 110px;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.space a img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
/*页面主体部分*/
.main_Wrap{ width: 100%; height: auto; padding-bottom: 50px; min-width: 1200px;}
/*婚礼预约*/
.wedd{ height: auto; width: 100%;}
.title{ width: 100%; margin-top: 20px; height: 82px; line-height: 82px; font-size: 18px;}
.title span{ display: inline-block; padding-left: 30px; position: relative; color: #505050;}
.title span i{ display: block; position: absolute; left: 0; top: 50%; margin-top: -12px; height: 24px;}
.title em{ padding-left: 25px; display: inline-block; color: #999;}
.weddDiv{ width: 100%; height: auto;}
.weddDiv .wedImg{ width: 980px; height: auto;}
.weddDiv .wedImg ul{ width: 100%; height: auto;}
.weddDiv .wedImg ul li{ width: 220px; overflow: hidden; margin-bottom: 30px; box-shadow: 0 0 8px rgba(227,227,227,0.5); height: auto; float: left; margin-right: 25px; border-radius: 3px;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.weddDiv .wedImg ul li img{ display: block; width: 100%; height: 182px;}
.weddDiv .wedImg ul li a{ margin: 33px auto 30px; display: block; width: 166px; height: 40px; border: 1px solid #ff5384; border-radius: 3px; font-size: 16px; color: #ff5384; text-align: center; line-height: 40px;}
.weddDiv .wedImg ul li:hover,.weddDiv .wedAdver a:hover,.partic .likeDiv li span:hover,.caseDiv .caseList li .caseM:hover,.team .teamDiv li .teamLi:hover{box-shadow: 0 0 8px rgba(255,83,132,0.35);}
.weddDiv .wedImg ul li a:hover{ background: #ff5384; color: #fff;}
.weddDiv .wedAdver{ width: 220px; height: auto;}
.weddDiv .wedAdver a{ display: block;box-shadow: 0 0 8px rgba(227,227,227,0.5);}
.weddDiv .wedAdver a img{ display: block; width: 100%; height: 600px;}
.wedImgHLYLi{ margin-bottom:0 !important;}

/*特别推荐*/
.partic{ width: 100%; height: auto;}
.partic .particUl{ width: 100%; height: auto;}
.partic .particUl li,.planner .plannerDiv .plaTab .platab_box .plaImgList li{ width: 220px; height: auto; margin-bottom: 30px; float: left; margin-right: 25px;}
.partic .particUl li a,.planner .plannerDiv .plaTab .platab_box .plaImgList li a{ display: block; border-radius: 3px; box-shadow: 0 0 8px rgba(227,227,227,0.5); overflow: hidden; font-size: 14px; color: #505050;}
.partic .particUl li a img,.planner .plannerDiv .plaTab .platab_box .plaImgList li a img{ display: block; width: 100%; height: 182px;}
.partic .particUl li a p,.planner .plannerDiv .plaTab .platab_box .plaImgList li p{ width: 100%; height: 48px; line-height: 48px; text-align: center; overflow: hidden;}
.partic .particUl li a:hover,.planner .plannerDiv .plaTab .platab_box .plaImgList li a:hover{box-shadow: 0 0 8px rgba(255,83,132,0.35); color: #ff5384;}
.wedImgCURLi{ float:right !important; margin-right:0 !important;}

/*策划师*/
.planner{ width: 100%; height: auto;}
.planner .plannerDiv{ width: 100%; height: auto;}
/*策划师_左边*/
.planner .plannerDiv .plaBann{ width: 220px; padding: 0 20px; *width: 180px; float: left; height: 562px; box-shadow: 0 0 8px rgba(227,227,227,0.5);}
.planner .plannerDiv .plaBann .bd{ width: 100%; height: auto;}
.planner .plannerDiv .plaBann .bd ul li h2{ height: 40px; margin-top: 40px; border-bottom: 1px solid #ff5384; line-height: 40px; font-size: 16px; color: #505050; text-align: center;}
.planner .plannerDiv .plaBann .bd ul li p{ height: 38px; line-height: 38px; font-size: 16px; color: #999; text-align: center;}
.planner .plannerDiv .plaBann .bd ul li a{ margin-top: 60px; display: block; width: 182px;}
.planner .plannerDiv .plaBann .bd ul li a img{ display: block; border-radius: 3px; width: 100%; height: 300px;}
.planner .plannerDiv .plaBann .hd{ height:6px; width: 48px; margin: 40px auto 0; overflow:hidden; z-index:1; }
.planner .plannerDiv .plaBann .hd ul{ overflow:hidden; zoom:1; float:left;  }
.planner .plannerDiv .plaBann .hd ul li{ float:left; margin: 0 5px; border-radius: 50px;  width:6px; height:6px; background:#aeaeae; cursor:pointer; }
.planner .plannerDiv .plaBann .hd ul li.on{ background:#ff5384; }
/*策划师_中间Tab*/
.planner .plannerDiv .plaTab{ width: 735px; float: left; height: auto; margin-left: 25px;}
.planner .plannerDiv .plaTab .platab_menu{ width: 710px; *width: 712px; height: auto;}
.planner .plannerDiv .plaTab .platab_menu ul{ width: 100%; height: auto;}
.planner .plannerDiv .plaTab .platab_menu ul li{ position: relative; width: 236px; float: left; background: #eeeeee; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #999; cursor: pointer;}
.planner .plannerDiv .plaTab .platab_menu ul li em{ position: absolute; bottom: -9px; left: 50%; margin-left: -5px; background: url(../image/ico5.png) no-repeat; display: none; width: 11px; height: 9px; }
.planner .plannerDiv .plaTab .platab_menu ul li.selected{ background: #ff5384; color: #fff;}
.planner .plannerDiv .plaTab .platab_menu ul li.selected em{ display: block; }
.planner .plannerDiv .plaTab .platab_box{ width: 100%; height: auto;}
.planner .plannerDiv .plaTab .platab_box .conceal{ display: none;}
.planner .plannerDiv .plaTab .platab_box .plaImgList{ width: 100%; height: auto; float: left;}
.planner .plannerDiv .plaTab .platab_box .plaImgList li{ margin-bottom: 0; margin-top: 30px;}
/*策划师_右边列表*/
.planner .plannerDiv .plaHot{width: 220px; float: right; height: auto; box-shadow: 0 0 8px rgba(227,227,227,0.5);}
.planner .plannerDiv .plaHot h2{ margin-top: 18px; padding: 0 20px; height: 40px; line-height: 40px; text-align: center;}
.planner .plannerDiv .plaHot h2 span{ padding: 0 18px; display: inline-block; position: relative; font-size: 16px; color: #505050;}
.planner .plannerDiv .plaHot h2 span .ico{ position: absolute; left: 0; top: 50%; margin-top: -3px; display: block; width: 6px; height: 6px; background: url(../image/ico24.png) no-repeat;}
.planner .plannerDiv .plaHot h2 span .ico1{ left: auto; right: 0;}
.planner .plannerDiv .plaHot ul{ width: 100%; height: auto; overflow: hidden;}
.planner .plannerDiv .plaHot ul li{ width: 100%; padding: 20px 20px 30px; * padding: 20px 20px 29px; border-bottom: 1px dashed #eee; float: left;}
.planner .plannerDiv .plaHot ul li .hotImg{ display: block; float: left; width: 50px; height: auto;}
.planner .plannerDiv .plaHot ul li .hotImg img{ display: block; width: 100%; height: 50px; border-radius: 50px;}
.planner .plannerDiv .plaHot ul li h3{ width: 116px; padding-top: 4px; float: right; height: auto;}
.planner .plannerDiv .plaHot ul li h3 a{ display: block; height: 22px; line-height: 22px; font-size: 14px; color: #505050;}
.planner .plannerDiv .plaHot ul li h3 span{ display: block; height: 20px; line-height: 20px; font-size: 14px; color: #ff4400;}
.planner .plannerDiv .plaHot ul li h3 a:hover{ color: #ff5384;}
/*.planner .plannerDiv .plaTab .platab_menu ul li:nth-child(2){width:238px;border-left:1px solid #ddd;border-right:1px solid #ddd}*/
/*.planner .plannerDiv .plaTab .platab_menu ul li:nth-child(1){border-top-left-radius:3px;border-bottom-left-radius:3px}*/
/*.planner .plannerDiv .plaTab .platab_menu ul li:nth-child(3){border-top-right-radius:3px;border-bottom-right-radius:3px}*/
/*猜你喜欢*/
.partic .likeDiv li span{ display: block; padding-bottom: 15px; border-radius: 3px; overflow: hidden; box-shadow: 0 0 8px rgba(227,227,227,0.5); -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.partic .likeDiv li a{ box-shadow: 0 0 0; border-radius: 0;margin-top: 14px; padding: 0 10px; height: 36px; line-height: 18px; overflow: hidden; font-size: 14px; color: #505050;}
.partic .likeDiv li a:hover{ box-shadow: 0 0 0; color: #ff5384;}
.partic .likeDiv li h2{ padding: 0 10px; width: 100%; margin-top: 9px; height: 25px; line-height: 25px; font-size: 14px; font-weight: bold; color: #ff6a33;}
.partic .likeDiv li h3{ padding: 0 10px; margin-top: 8px; height: 30px; line-height: 30px; font-size: 12px; color: #ccc;}
.partic .likeDiv li h3 em{ display: inline-block; padding-right: 28px; padding-left: 24px;}
.partic .likeDiv li h3 em.ico{ background: url(../image/ico25.png) 0 center no-repeat;}
.partic .likeDiv li h3 em.ico1{ background: url(../image/ico26.png) 0 center no-repeat;}
.partic .likeDiv span img{ display: block; width: 100%; height: 182px;}
/*footer*/
.footerDiv{ width: 100%; height: auto; background: #353535; min-width: 1200px;}
.footer{ height: auto; overflow: hidden;}
.footer .fooL{ padding-top: 14px; float: left; width: 800px; height: auto;}
.footer .fooL ul{ width: 100%; height: auto; float: left;}
.footer .fooL ul li{ width: 100px; float: left; margin-right: 100px;}
.footer .fooL ul li h2{ height: 46px; line-height: 46px; font-size: 14px; color: #fff;}
.footer .fooL ul li a{ display: block; height: 24px; line-height: 24px; font-size: 12px; color: #ccc;}
.footer .fooL ul li a:hover{ color: #ff5384;}
.footer .fooR{ padding-top: 45px; width: 363px; height: auto;}
.footer .fooR a{ width: 113px; margin-bottom: 15px; height: auto; border: 1px solid #494949; display: block; float: left; margin-left: 6px;}
.footer .fooR a img{ display: block; height: 38px; width: 100%;}
.footer .fooR a:hover{ border: 1px solid #ff5384;}
.footerDiv p{ margin-top: 25px; width: 100%; height: 74px; border-top: 1px solid #2b2b2b; line-height: 74px; font-size: 12px; color: #ccc; text-align: center;}
/***************************APP下载页***********************************/
.nav_Wrap1{ border-bottom: 1px solid #ff5384;}
.uploadApp{ background: url(../image/temp/pic1.jpg) center top no-repeat; background-size: 100% 100%;}
.uploadDiv{ width: 1022px; padding: 44px 0 0; height: auto; margin: 0 auto;}
.uploadDiv .loadImg{ width: 519px; height: 533px;}
.uploadDiv .loadR{ width: 380px; height: auto; margin-right: 122px;}
.uploadDiv .loadR .loadLogo{ display: block; width: 310px; height: 170px; margin: 24px 0 0 35px;}
.uploadDiv .loadR h2{padding-top: 75px; width: 100%; height: auto; overflow: hidden;}
.uploadDiv .loadR h2 span{ width: 200px; display: block; float: left;}
.uploadDiv .loadR h2 span a{ display: block; border-radius: 3px; width: 100%; padding-left: 90px; height: 64px; line-height: 64px; font-size: 16px; color: #505050;}
.uploadDiv .loadR h2 span a.ico{ margin-bottom: 26px; background: #efefef url(../image/ico27.png) 45px center no-repeat;}
.uploadDiv .loadR h2 span a.ico1{ background: #efefef url(../image/ico28.png) 45px center no-repeat;}
.uploadDiv .loadR h2 span a.ico:hover{ background: #ff5384 url(../image/ico27_hov.png) 45px center no-repeat; color: #fff;}
.uploadDiv .loadR h2 span a.ico1:hover{ background: #ff5384 url(../image/ico28_hov.png) 45px center no-repeat; color: #fff;}
.uploadDiv .loadR h2 img{ display: block; width: 154px; height: 154px; float: right;}
/***************************登录页***********************************/
.contentDiv{ width: 100%; height: auto; min-width: 1200px;}
.loginBox{ position: relative; padding:80px 0; height: auto; width: 875px; height: auto; margin: 0 auto;}
.loginBox .loginBack{ position: absolute; left: 0; top: 50%; margin-top: -203px; width: 407px; height: 395px; background: url(../image/back1.png) no-repeat;}
.loginBox .loginDiv{ width: 350px; height: auto; box-shadow: 0 0 8px rgba(227,227,227,0.5); border-radius: 3px; overflow: hidden; }
.loginBox .loginDiv h2{ margin-top: 22px; padding: 0 25px; font-size: 16px; color: #505050;}
.loginBox .loginDiv h2 em{ display: inline-block; background: url(../image/ico31.png) 0 center no-repeat; padding-left: 18px; height: 20px; line-height: 20px;}
.loginBox .loginDiv ul{ margin-top: 27px; padding: 0 25px; overflow: hidden;}
.loginBox .loginDiv ul li{ position: relative; width: 100%; height: auto; float: left; margin-bottom: 20px;}
.loginBox .loginDiv ul li .loginTxt,.layerDiv ul li .loginTxt{ width: 100%; *width:268px; padding: 0 15px; border: 1px solid #bababa; height: 40px; *height:38px; line-height: 40px; *line-height: 38px; font-size: 14px; color: #bababa;}
.loginBox .loginDiv ul li .loginTxt1{ width: 180px; *width: 148px; float: left;}
.loginBox .loginDiv ul li .loginImg{ width: 110px; display: block; float: right; cursor: pointer;}
.loginBox .loginDiv ul li .loginImg img{ display: block; width: 100%; height: 40px;}
.loginBox .loginDiv ul li .loginBut,.layerDiv ul li .loginBut{ margin-top: 10px; width: 100%; height: 40px; background: #ff5384; cursor: pointer; font-size: 16px; color: #fffefe;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.loginBox .loginDiv ul li .loginBut{ display: block; line-height: 40px; text-align: center; border-radius: 3px;}
.loginBox .loginDiv ul li .loginBut:hover,.layerDiv ul li .loginBut:hover{ background: #fe2f6a;}
.loginBox .loginDiv ul li h5{ width: 100%; margin-top: -13px; height: 16px; line-height: 16px; overflow: hidden; font-size: 12px;}
.loginBox .loginDiv ul li h5 a{ display: block; float: left; color: #2caeea;}
.loginBox .loginDiv ul li h5 a.ico1{ float: right; color: #ff5384;}
.loginBox .loginDiv ul li h6{ width: 100%; padding: 8px 0; height: auto;  overflow: hidden;}
.loginBox .loginDiv ul li h6 span{ display: block; float: left; height: 30px; line-height: 30px; font-size: 16px; color: #505050;}
.loginBox .loginDiv ul li h6 a{ display: block; float: left;height: 30px; margin-left: 18px; width: 24px; background: url(../image/ico30.png) 0 center no-repeat;}
/***************************商家入驻***********************************/
.loginBox .loginDiv ul li .loginBut1,.layerDiv ul li .loginBut1{ width: 122px; height: 40px; float: right; background: #2caeea; font-size: 14px; color: #fff;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer;}
.loginBox .loginDiv ul li .loginTxt2{ width: 178px; border-right: none; *width: 146px; float: left;}
.loginBox .loginDiv ul li .loginBut1:hover,.layerDiv ul li .loginBut1:hover{ background: #ff5384;}
.loginBox .loginDiv ul li p{ width: 100%; height: 22px; line-height: 22px; text-align: center; font-size: 14px; color: #505050;}
.loginBox .loginDiv ul li p a{ color: #2caeea;}
.loginBox .loginDiv ul li p a:hover{ color: #FF5384;}
/*表单  单选  多选*/
.loginBox .loginDiv ul li form{ margin-top: -5px;}
/*Radio*/
/*.WellForm .WellRadio{float:left; width:12px; margin-right: 3px; height:16px; cursor:pointer; overflow:hidden; background: url(../img/ico33.png) 0 3px no-repeat;}
.WellForm .WellRadioH{ background: url(../img/ico30.png) 0 3px no-repeat;}
.WellForm .WellRadio input{margin-top:13px;display:none;}*/
/*CheckBox*/
.WellForm .WellCheckBox{ float:left; width:10px; height:16px; cursor:pointer; overflow:hidden; background: url(../image/ico32.png) 0 center no-repeat; }
.WellForm .WellCheckBoxH{ background: url(../image/ico32_hov.png) 0 center no-repeat; }
.WellForm .WellCheckBox input{margin-top:12px;display:none;}
form{ float:left; height: auto; font-family: "微软雅黑";}
form .item{ height: 16px; font-size: 12px; color: #505050;}
form .item strong{ height:16px; line-height: 16px; padding-left: 7px; display: inline-block; float: left; font-weight: normal;}
/***************************商家入驻1***********************************/
.loginBox .loginDiv ul li h1{ float: left; width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #999;}
.loginBox .loginDiv ul li .loginSelect{ width: 100%; *width: 382px; border: 1px solid #bababa; padding: 0 8px; height: 40px; line-height: 40px; font-size: 14px; color: #505050;}
.loginBox .loginDiv ul li .loginSelect1{ width: 90px; padding: 0 8px; margin-right: 15px; float: left; height: 40px; border: 1px solid #bababa; line-height: 40px; font-size: 14px; color: #505050;}
/***************************关于我们***********************************/
.about{ height: auto;}
.about h2{ width: 100%; height: auto; margin: 40px 0 26px;}
.about h2 img{display: block; width: 240px; height: 45px;}
.about p{ width: 100%; text-align: justify; text-indent: 2em; line-height: 22px; font-size: 14px; color: #999;}
.about .aboutUl,.about .aboutUl1{ width: 100%; padding-top: 24px; height: auto; overflow: hidden;}
.about .aboutUl li,.about .aboutUl1 li{ float: left; margin-right: 20px;}
.about .aboutUl li.ico{ width: 382px; height: auto;}
.about .aboutUl li.ico em{ display: block; width: 100%; height: 343px; overflow: hidden;}
.about .aboutUl li.ico em img{ display: block; width: 100%; height: 343px;}
.about .aboutUl li img,.about .aboutUl1 li img{ -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.about .aboutUl li img:hover,.about .aboutUl1 li img:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.about .aboutUl li.ico1{ width: 408px; height: auto;}
.about .aboutUl li.ico1 em.icoEm{ display: block; width: 100%; height: 178px; overflow: hidden;}
.about .aboutUl li.ico1 em.icoEm em{ display: block; width: 100%; height: 178px;}
.about .aboutUl li.ico1 em.icoEm1{ margin-top: 20px; display: block; width: 100%; height: 145px; overflow: hidden;}
.about .aboutUl li.ico1 em.icoEm1 em{ display: block; width: 100%; height: 145px;}
.about .aboutUl li.ico2{ width: 370px; height: auto; margin-right: 0;}
.about .aboutUl li.ico2 em{ display: block; width: 100%; height: 343px; overflow: hidden;}
.about .aboutUl li.ico2 em img{ display: block;width: 100%; height: 343px;}
.about .aboutUl1 li{ width: 382px; margin-right: 27px; height: auto; float: left;}
.about .aboutUl1 li em{ display: block; width: 100%; height: 300px; overflow: hidden;}
.about .aboutUl1 li em img{ display: block; width: 100%; height: 300px;}
/*企业文化*/
.culture{ border-left: 1px solid #ff5384;width: 330px; margin: 70px auto 0; *margin: 44px auto 0;}
.culture p{ margin-left: -32px; margin-bottom: 100px; position: relative; padding: 10px 0 11px 80px; font-size: 14px; color: #999; text-indent: 0;}
.culture p span{ display: block; line-height: 22px; }
.culture p img{ position: absolute; left: 0; top: 0; display: block; width: 65px; height: 65px;}
/*联系我们*/
.about p.aboutP{ text-indent: 0;}
.about .map{ width: 100%; height: auto; padding: 25px 0 50px;}
.about .map img{ display: block; width: 100%;}
/***************************婚礼案例列表***********************************/
.caseDiv{ height: auto;}
/*筛选*/
.screen{ width: 100%; height: auto; margin-top: 10px; overflow: hidden;}
.screen li{ width: 100%; height: auto; padding: 20px 0; float: left; border-bottom: 1px dashed #e5e5e5; font-size: 14px; color: #505050;}
.screen li span{ width: 64px; height: 30px; line-height: 30px; display: block; float: left;}
.screen li em,.screen li label{ width: 1136px; display: block; float: left;}
.screen li em a{ display: block; height: 30px; line-height: 30px; margin: 0 20px; float: left; color: #505050; cursor: pointer;}
.screen li em a:hover,.screen li em a.cur{ color: #ff5384;}
.screen li label a{ display: block; margin: 0 20px; float: left; width: 90px; height: 30px; border: 1px solid #b9b9b9; border-radius: 3px; font-size: 14px; color: #999; text-align: center; line-height: 28px; font-weight: normal;}
.screen li label a:hover,.screen li label a.cur{ background: #ff5384; border: 1px solid #ff5384; color: #fff; cursor: pointer;}
.screen li label a.order_asc{ background: url('/by-webhtml/assets/image/asc.png') no-repeat 65px 5px #ff5384}
.screen li label a.order_desc{ background: url('/by-webhtml/assets/image/desc.png') no-repeat 65px 5px #ff5384}
/*案例列表*/
.caseDiv .caseList{ width: 100%; margin-top: 40px; height: auto;}
.caseDiv .caseList li{ width: 290px; float: left; margin-bottom: 30px; margin-right: 13px;}
.caseDiv .caseList li .caseM{ width: 100%; padding-bottom: 12px; height: auto;box-shadow: 0 0 8px rgba(227,227,227,0.5); border-radius: 3px; overflow: hidden;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.caseDiv .caseList li .caseM img:not(.zzImg){ display: block; width: 100%; height: 230px;}
.caseDiv .caseList li .caseM a{ display: block; margin-top: 18px; width: 100%; *width: 270px; padding: 0 10px; height: 40px; line-height: 20px; font-size: 14px; color: #505050; overflow: hidden;}
.caseDiv .caseList li .caseM a:hover{ color: #ff5384;}
.caseDiv .caseList li .caseM h5{  width: 100%; *width: 270px; margin-top: 6px; padding: 0 10px; height: 40px; line-height: 45px; font-size: 14px; color: #ff6a33; font-weight: bold; text-align: right;}
.caseDiv .caseList li .caseM h5 span{  display: block; float: left; text-align: left;}
.caseDiv .caseList li .caseM h6{width: 100%; *width: 270px; padding: 0 10px; margin-top: 8px; height: 30px; line-height: 30px; font-size: 12px; color: #ccc;}
.caseDiv .caseList li .caseM h6 em{ display: block; width: 32%; margin-right: 2%; float: left;}
.caseDiv .caseList li .caseM h6 em.ico1{ text-align: center;}
.caseDiv .caseList li .caseM h6 em.ico2{ margin-right: 0; text-align: right;}
/*分页*/
.page{ width: 100%; padding: 20px 0 50px; text-align: center; height: auto;}
.page a{ display: inline-block; margin: 0 11px; padding: 0 12px; height: 30px; border: 1px solid #bfbfbf; border-radius: 3px; line-height: 30px; font-size: 14px; color: #999; line-height: 28px;}
.page span {display: inline-block; margin: 0 11px; padding: 0 12px; height: 30px; border: 1px solid #dfdfdf; border-radius: 3px; line-height: 30px; font-size: 14px; color: #999;
    line-height: 28px; cursor: url("../image/no-allowed.cur"), auto}
.page a.cur{ background: #ff5384; border: 1px solid #ff5384; color: #fff;}
.page a:hover{ border: 1px solid #ff5384; color: #ff5384;}
.page a.cur:hover{ color: #fff;}
/***************************婚礼案例详情***********************************/
.details{ height: auto;}
/*面包屑导航*/
.crumbs{ width: 100%; height: auto;  padding: 18px 0;  overflow: hidden;}
.crumbs span,.crumbs a,.crumbs em{ display: block; float: left;height: 35px;line-height: 35px; font-size: 12px; color: #999;}
.crumbs em{ padding: 0 4px;}
.crumbs a.cur,.crumbs a:hover{ color: #FF5384;}
.detaDiv{ width: 100%; height: auto;}
/*缩略图切换*/
.thum{width:750px;overflow:hidden; float: left;box-shadow: 0 0 8px rgba(227,227,227,0.5); padding-bottom: 25px;}
.large_box{margin-bottom:26px;width:100%;height:380px;overflow:hidden;}
.large_box img{display:block; width: 100%; height: 380px;}
.small_box{ position: relative; width:750px;height:88px;overflow:hidden;}
.small_list{position:relative; margin-left: 35px; width:680px;height:auto;overflow:hidden; z-index: 1;}
.small_list ul{height:auto;overflow:hidden;}
.small_list ul li{position:relative;float:left; width:140px; margin: 0 15px;}
.small_list ul li img{display:block; width: 100%; height: 88px;}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:140px; cursor: pointer; height:88px;background:#FF5384;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.small_list ul li.on .bun_bg{display:block;}
.btn1{position: absolute; z-index: 10; display:block;width:23px;height:88px;cursor:pointer;}
.left_btn{left: 0; top: 0;background:url(../image/prve.png) 11px center no-repeat;}
.right_btn{ right: 0; top: 0;background:url(../image/next.png) 0 center no-repeat;}
.left_btn:hover{ background: url(../image/prve_hov.png) 11px center no-repeat;}
.right_btn:hover{ background: url(../image/next_hov.png) 0 center no-repeat;}
.detaDiv .detaR{ width: 408px; height: auto;}
.detaDiv .detaR ul{ width: 100%; height: auto; overflow: hidden;}
.detaDiv .detaR ul li{ width: 100%; height: auto; margin-bottom: 22px; font-size: 14px; color: #505050; float: left; background: #eee; border-radius: 3px;}
.detaDiv .detaR ul li img{ display: block; width: 48px; height: 48px; border-radius: 50%; float: left; margin: 17px 0 16px 10px; }
.detaDiv .detaR ul li span{ display: block; width: 316px; float: right; margin: 17px 10px 16px 0; height: 48px; line-height: 48px;}
.detaDiv .detaR ul li p{ padding: 24px 0 24px 60px; height: auto; line-height: 26px;}
.detaDiv .detaR ul li p.ico{ background: url(../image/ico38.png) 20px 27px no-repeat;}
.detaDiv .detaR ul li p.ico1{ background: url(../image/ico39.png) 20px 27px no-repeat;}
.detaDiv .detaR ul li p.ico2{ background: url(../image/ico40.png) 20px 27px no-repeat;}
.detaDiv .detaR ul li em,.detaTop .detatR h3 .detaEm2{ display: block; background: #ff5384;border-radius: 3px;font-size: 16px; color: #fff; height: 50px; line-height: 50px; text-align: center; cursor: pointer;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.detaDiv .detaR ul li em b,.detaTop .detatR h3 .detaEm2 b{ display: inline-block; padding-left: 30px; background: url(../image/ico41.png) 0 center no-repeat; font-weight: normal; }
.detaDiv .detaR ul li em:hover,.statement .btnDiv span:hover,.detaTop .detatR h3 .detaEm2:hover{background: #fe2f6a;}
/*推荐团队*/
.team{ width: 100%; height: auto;}
.team .teamDiv{ width: 100%; height: auto;}
.team .teamDiv li{ width: 380px; height: auto; margin-bottom: 20px; float: left; margin-right: 30px;}
.team .teamDiv li .teamLi{ width: 100%; height: auto; box-shadow: 0 0 8px rgba(227,227,227,0.5); border-radius: 3px; overflow: hidden;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.team .teamDiv li .teamLi img{ display: block; width: 163px; height: 150px; float: left;}
.team .teamDiv li .teamLi .teamTxt{ width: 158px; height: auto; float: left; margin-left: 30px;}
.team .teamDiv li .teamLi .teamTxt a{ display: block; line-height: 32px; font-size: 16px; color: #505050;}
.team .teamDiv li .teamLi .teamTxt h5{height: 30px; line-height: 30px; font-size: 14px; color: #ff4400; font-weight: bold;}
.team .teamDiv li .teamLi .teamTxt h6{ margin-top: 5px; line-height: 26px; font-size: 14px; color: #505050;}
.team .teamDiv li .teamLi .teamTxt a:hover{ color: #FF5384;}
/*消费明细*/
.statement{ width: 100%; height: auto; padding-bottom: 40px; border-bottom: 1px dashed #e5e5e5;}
.statement table{ border-left: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3;}
.statement table tr td,.statement table tr th{ border-right: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;}
.statement table tr th{ font-size: 14px; color: #000; text-align: center; font-weight: normal;}
.statement table tr td{ font-size: 14px; color: #505050; text-align: center;}
.statement .btnDiv{ padding-top: 40px; width: 100%; text-align: center;}
.statement .btnDiv span{ display: inline-block; background: #ff5384; border-radius: 3px; width: 300px; height: 50px; text-align: center; line-height: 50px; font-size: 16px; color: #fff; cursor: pointer;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
/*我的评价*/
.rating{ width: 100%; height: auto;}
.rating .ratiUl{ width: 100%; height: auto; overflow: hidden; }
.rating .ratiUl li{ width: 100%; height: auto; float: left; padding: 30px 0 20px; border-bottom: 1px solid #f2f2f2;}
.rating .ratiUl li.noData{ text-align: center; font-size: 14px;}
.rating .ratiUl li a{ display: block; float: left; width: 56px; height: auto;}
.rating .ratiUl li a img{ display: block; width: 100%; height: 56px; border-radius: 50%;}
.rating .ratiUl li a span{ display: block; width: 100%; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #505050;}
.rating .ratiUl li .raTxt{ width: 1104px; height: auto; float: right;}
.rating .ratiUl li .raTxt h2{ width: 100%; height: 16px; overflow: hidden; line-height: 14px; font-size: 12px; color: #999999;}
.rating .ratiUl li .raTxt h2 em{ display: block; float: left;}
.rating .ratiUl li .raTxt h2 div{ margin-left: 10px; float: left;}
.rating .ratiUl li .raTxt h2 div img{ display: block; margin-right: 2px; float: left;}
.rating .ratiUl li .raTxt p{ margin-top: 14px; width: 100%; line-height: 26px; height: auto; font-size: 14px; color: #010101;}
.rating .ratiUl li .raTxt h3{ width: 100%; margin-top: 2px; height: 32px; line-height: 32px; font-size: 12px; color: #999999;}
.rating .page{ padding: 50px 0;}
/*遮罩*/
.desk{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../image/back2.png) repeat; z-index: 200;}
/*弹窗*/
.layerDiv{ display: none; position: fixed; left: 50%; top: 50%; margin-top: -332px; border-radius: 3px; box-shadow: 0 0 8px rgba(227,227,227,0.5); margin-left: -397px; width: 794px; height: 664px; background: url(../image/back3.png) no-repeat; z-index: 210;}
.layerDiv .closeDiv{ position: absolute; top: 35px; right: 40px; display: block; width: 20px; height: 20px; background: url(../image/close.png) center center no-repeat;-moz-transition: all 0.3s ease-in; cursor: pointer; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.layerDiv .closeDiv:hover{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.layerDiv h2{ margin-top: 48px; height: 22px; line-height: 22px; font-size: 18px; color: #505050; font-weight: bold; text-align: center;}
.layerDiv h3{ height: 16px; line-height: 16px; font-size: 14px; color: #505050; text-align: center;}
.layerDiv ul{ width: 476px; margin: 48px auto 0; height: auto; overflow: hidden;}
.layerDiv ul li{ width: 100%; height: auto; float: left; margin-bottom: 20px;}
.layerDiv ul li .loginTxt{ *width: 444px;}
.layerDiv ul li .loginTxt2{ width: 336px; *width: 303px; border-right: none;}
.layerDiv ul li .loginBut1{ width: 140px;}
.layerDiv ul li span{ display: block; width: 100%;}
.layerDiv ul li span .loginTxt{ height: 258px; *height: 246px; resize: none; padding: 8px 15px; line-height: 22px; font-size: 14px; color: #bababa;}
.layerDiv ul li .loginBut{ margin-top: 26px;}
/***************************文章详情***********************************/
.article{ height: auto; margin-top: 40px; margin-bottom: 50px;}
.article .articleL{ width: 272px; height: auto;}
.article .articleL ul{ width: 100%; height: auto;  background: #eee;}
.article .articleL ul li{ width: 100%; height: auto;}
.article .articleL ul li h2{ width: 100%; height: auto;}
.article .articleL ul li h2 a{ display: block; border-bottom: 1px solid #fff; text-align: center; height: 44px; line-height: 44px; font-size: 14px;}
.article .articleL ul li h2 a span { display: inline-block; padding-right: 20px; background: url(../image/ico45_hov.png) right center no-repeat; color: #505050;}
.article .articleL ul li.cur h2 a span{ background: url(../image/ico45.png) right center no-repeat; color: #FF5384;}
.article .articleL img{ display: block; width: 100%; height: auto; margin-top: 10px;}
.article .articleL ul li h3{ display: none; padding: 5px 0; width: 100%; height: auto; border-bottom: 1px solid #fff;}
.article .articleL ul li h3 a{ display: block; height: 30px; line-height: 30px; font-size: 14px; color: #999; text-align: center;}

.article .articleR{ width: 890px;}
.article .articleR .crumbs{ padding: 0; margin-bottom: 24px; border-bottom: 1px solid #999;}
.article .crumbs span,.article .crumbs a,.article .crumbs em{ height: 45px; line-height: 45px;}
.article .articleR p{ width: 100%; height: auto; margin-bottom: 20px; line-height: 22px; text-align: justify; font-size: 14px; color: #505050;}
/***************************文章详情1***********************************/
.arti_Details{ height: auto; padding-top: 36px; padding-bottom: 20px;}
.arti_Details h2{padding: 7px 0; line-height: 32px; font-size: 18px; color: #505050; font-weight: bold; text-align: center;}
.arti_Details h3{ width: 100%; margin-bottom: 24px; padding: 20px 0; border-bottom: 1px dashed #e5e5e5; height: 60px; *height: 20px; line-height: 20px; overflow: hidden;}
.arti_Details h3 span{ display: block; float: left; font-size: 12px; color: #999;}
.arti_Details h3 em,.detaTop .detatR h3 .detaEm{ display: block; float: right; font-size: 14px; }
.arti_Details h3 em b,.detaTop .detatR h3 .detaEm b{ display: inline-block; font-weight: normal; float: left;}
.arti_Details h3 em a,.detaTop .detatR h3 .detaEm a{ float: left; display: inline-block; margin-left: 10px; width: 20px; height: 20px;}
.arti_Details h3 em a.ico,.detaTop .detatR h3 .detaEm a.ico{ margin-left: 8px; background: url(../image/ico46.png) no-repeat;}
.arti_Details h3 em a.ico1,.detaTop .detatR h3 .detaEm a.ico1{ background: url(../image/ico47.png) no-repeat;}
.arti_Details p{ width: 100%; height: auto; margin-bottom: 26px; text-indent: 2em; text-align: justify; line-height: 24px; font-size: 14px; color: #505050;}
.arti_Details i{ display: block; padding: 8px 0 30px;}
.arti_Details i img{ display: block; width: 100%;}
/***************************详情***********************************/
.detaBox{ height: auto;}
.detaTop{ width: 100%; height: auto;}
.detaTop .detatL{ width: 444px; height: auto;box-shadow: 0 0 8px rgba(227,227,227,0.5); border-radius: 3px; overflow: hidden;}
.detaTop .detatL img{ display: block; width: 100%; height: 415px;}
.detaTop .detatL p{ margin: 35px 0 40px; width: 100%; line-height: 28px; text-align: center; font-size: 14px; color: #999; text-align: center;}
.detaTop .detatL p em{ display: inline-block; padding: 0 12px;}
.detaTop .detatR{ width: 718px;}
.detaTop .detatR h2{ width: 100%; margin-bottom: 22px; height: auto; padding-bottom: 17px; border-bottom: 1px solid #e8e8e8; overflow: hidden;}
.detaTop .detatR h2 span,.detaTop .detatR h2 em,.detaTop .detatR h2 b{ display: block; float: left;}
.detaTop .detatR h2 span{ margin-right: 25px; height: 22px; line-height: 22px; font-size: 18px; color: #505050;}
.detaTop .detatR h2 em{ margin-right: 10px; height: 22px; line-height: 22px; font-size: 14px; color: #999;}
.detaTop .detatR h2 b{ height: 18px; margin-top: 2px; padding: 0 8px; border-radius: 3px; background: #ff5384; font-weight: normal; line-height: 18px; font-size: 12px; color: #fff;}
.detaTop .detatR h3{ margin-bottom: 13px; width: 100%; height: auto; overflow: hidden;}
.detaTop .detatR h3 span{ display: block; float: left; height: 40px; line-height: 30px; font-size: 14px; color: #505050;}
.detaTop .detatR h3 .detaEm{ margin-top: 5px;}
.detaTop .detatR h3 .laydate-icon{ margin-left: 0;}
.detaTop .detatR h3 .detaEm1{ display: block; float: left; width: 80px; height: 30px; border: 1px solid #b9b9b9; border-radius: 3px; margin-left: 20px; line-height: 28px; cursor: pointer; font-size: 14px; color: #999999; text-align: center;}
.detaTop .detatR h3 .detaEm1.cur{ background: #FF5384; border: 1px solid #FF5384; color: #fff;}
.detaTop .detatR h4{ width: 100%; padding-top: 20px; margin-bottom: 30px; height: auto; overflow: hidden;}
.detaTop .detatR h4 span{ padding: 9px 0; border-radius: 3px; cursor: pointer; display: block; width: 176px; *width: 174px; margin-right: 4px; float: left;border: 1px solid #b9b9b9; }
.detaTop .detatR h4 span em{ display: block; height: 26px; line-height: 26px; overflow: hidden; padding: 0 20px;}
.detaTop .detatR h4 span em.ico{ font-size: 14px; color: #505050;}
.detaTop .detatR h4 span em.ico1{ font-size: 14px; color: #ff6a33; font-weight: bold;}
.detaTop .detatR h4 span.cur{ border: 1px solid #ff5384; background: url(../image/ico48.png) right bottom no-repeat;}
.detaTop .detatR h4 span.cur em.ico{ color: #FF5384;}
/*点击加减*/
.trdiv{ float: left; border-radius: 3px; overflow: hidden; border: 1px solid #b9b9b9; font-size: 18px; color: #999; text-align: center;}
.trdiv button{ float: left; font-size: 20px; height: 28px; background: #fff; width: 30px; line-height: 8px;}
.trdiv .qty_item{ width: 30px; float: left; text-align: center; border-left: 1px solid #b9b9b9; border-right: 1px solid #b9b9b9; height: 28px; line-height: 28px;}
.trdiv button:hover{ color: #FF5384;}
.detaTop .detatR h3 .detaEm2{ width: 300px; float: right;}
.detaTop .detatR h3 .detaEm3{ margin-top: 5px; float: left;}
.detaTop .detatR h3 .detaEm4{ margin-top: 5px; background: #eee; color: #505050;}
.detaTop .detatR h3 .detaEm4:hover{background: #FF5384; color: #fff;}
/*滚动监听*/
.scrollSpy{ height: auto; margin-top: 50px;}
.scroTop{ width: 100%; height: auto; overflow: hidden; background: #eee; border-radius: 3px;}
.scroTop1{ position: fixed; left: 50%; margin-left: -600px; top: 0; width: 1200px; z-index: 200;}
.scroTop a{ display: block; width: 171px; *width: 170px; float: left; height: 46px; border-right: 1px solid #dddddd; line-height: 46px; font-size: 16px; color: #999999; text-align: center;}
.scroTop a.link7{ width: 174px; border-right: none;}
.scroTop a.cur,.scroTop a:hover{ color: #FF5384;}
#business,#service,#area,#schedule,#commend,#works,#reviews{ padding-top: 56px;}
.scroP{ width: 100%; line-height: 20px; font-size: 14px; color: #999999; text-align: justify;}
.title1{ position: relative; height: 24px; line-height: 24px; margin-top: 0; margin-bottom: 12px;}
.title1 span i{ margin-top: -11px;}
.title1 em{ display: inline-block; margin-left: 20px; padding-left: 22px; font-size: 12px; color: #9b9b9b;}
.title1 em.ico{ background: url(../image/ico55.png) 0 center no-repeat;}
.title1 em.ico1{ background: url(../image/ico54.png) 0 center no-repeat;}
.calendar em.ico{ background: url(../image/ico55.png) center no-repeat;}
.calendar em.ico1{ background: url(../image/ico54.png) center no-repeat;}
.line{ width: 100%; border-bottom: 1px dashed #e5e5e5; margin-top: 26px;}
.areaDiv{ margin-top: 20px; width: 100%; height: auto; overflow: hidden;}
.areaDiv a{ display: block; float: left; padding: 0 22px; margin-right: 20px; margin-bottom: 5px; height: 28px; border: 1px solid #b9b9b9; border-radius: 3px; line-height: 26px; font-size: 14px; color: #999;}
#commend .team .teamDiv{ padding-top: 10px;}
#reviews .page{ padding-bottom: 24px;}
.particDiv{ margin-bottom: 50px;}
#works ul{ margin-top: 20px;}
#works ul li .caseM{ padding-bottom: 0;}
#works ul li .caseM a{ height: 50px; line-height: 50px; margin-top: 0; text-align: center;}
.calendar{  height: auto; padding: 0 15px; border: 1px solid #c3c3c3; overflow: hidden;}
.calendar h2{ width: 100%; padding: 24px 0; height: auto; overflow: hidden;}
.calendar h2 span{ margin-right: 15px; *margin-right: 13px; display: block; float: left;  ; height: 24px; line-height: 24px; font-size: 14px; color: #000;}
.calendar h2 em{ display: block; width: 36px; text-align: center; float: left; height: 24px; line-height: 24px; font-size: 12px; color: #9b9b9b;}
.calendar h2 b{ display: block; float: left; margin-top: 4px; width: 36px;height: 16px; background: url(../image/ico55.png) no-repeat 10px 0px;}
.title1 label{display: block; *width: 110px; position: absolute; right: 0; top: 0; height: 24px;}
.title1 label a{ display: block; width: 9px; height: 24px; float: left; cursor: pointer;}
.title1 label a.ico{ background: url(../image/ico57.png) 0 center no-repeat;}
.title1 label a.ico1{ float: right; background: url(../image/ico56.png) 0 center no-repeat;}
.title1 label a.ico:hover,.title1 label a.ico.cur{ background: url(../image/ico57_hov.png) 0 center no-repeat;}
.title1 label a.ico1:hover,.title1 label a.ico1.cur{ background: url(../image/ico56_hov.png) 0 center no-repeat;}
.title1 label b{ display: block; float: left; font-size: 14px; color: #9b9b9b; padding: 0 10px; font-weight: normal;}
/***************************购物车***********************************/
.cartBox{ height: auto; margin-top: 40px; margin-bottom: 50px;}
.cartBox table tr th{ background: #eee; font-size: 14px; color: #505050; font-weight: normal;}
.cartBox table tr td{ padding: 30px 0; height: auto; border-bottom: 1px dashed #e5e5e5;}
.cartBox table tr td .cartImg{ display: block; width: 40px;}
.cartBox table tr td .cartImg img{ display: block; width: 100%; height: 40px;}
.cartBox table tr td .cartSj{ display: block; padding: 2px 10px 2px 0; line-height: 18px;font-size: 12px; color: #505050;}
.cartBox table tr td .cartSj:hover{ color: #FF5384;}
.cartBox table tr td label,.cartBox table tr th label{ position: relative; display: block; width: 20px; height: 20px; background: url(../image/icon7.png) center center no-repeat;}
.cartBox table tr td label input,.cartBox table tr th label input{ cursor: pointer; width: 20px; height: 20px; position: absolute; left: 0; top: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
.cartBox table tr td label.on,.cartBox table tr th label.on{ background: url(../image/icon7_hov.png) center center no-repeat;}
.cartBox table tr td span{ display: block;padding: 2px 10px 2px 0; line-height: 18px; font-size: 12px; color: #505050;}
.cartBox table tr td b{ display: block; padding: 2px 10px 2px 0; line-height: 18px; font-size: 12px; color: #505050;}
.cartBox table tr td em{ display: block; padding: 2px 10px 2px 0; line-height: 18px; font-size: 12px; color: #FF5384; cursor: pointer;}
.cartBox table tr td em:hover{ color: #2caeea;}
.cartBox .cartJs{ width: 100%; margin-top: 40px; height: auto; overflow: hidden;}
.cartBox .cartJs .stores{ display: block; float: left; height: 50px; line-height: 50px; font-size: 16px; color: #505050;}
.cartBox .cartJs .stores em{ display: inline-block; padding: 0 5px; color: #FF5384;}
.cartBox .cartJs label{margin-left: 30px; margin-right: 30px; margin-bottom: 0; position: relative; padding-left: 24px; background: url(../image/icon7.png) 0 center no-repeat; display: block; float: left; height: 50px; line-height: 50px; font-size: 16px; color: #505050;}
.cartBox .cartJs label.on{ background: url(../image/icon7_hov.png) 0 center no-repeat;}
.cartBox .cartJs label input{ position: absolute; left: 0; top: 15px; cursor: pointer; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
.cartBox .cartJs label em{ color: #ff4400;}
.cartBox .cartJs h2{ margin-left: 66px; height: 50px; font-size: 14px; color: #505050; line-height: 50px; float: left;}
.cartBox .cartJs h2 span{display: block; float: left;}
.cartBox .cartJs h2 label{ margin: 0;}
.cartBox .cartJs a{ display: block; width: 200px; height: 50px; border-radius: 3px; float: right; background: #FF5384; line-height: 50px; font-size: 18px; color: #fff; text-align: center;}
.cartBox .cartJs a:hover{ background: #fe2f6a;}
/***************************地区选择***********************************/
.adressDiv{ height: auto; margin-top: 40px; margin-bottom: 50px;}
.adressDiv h2,.adressDiv p{ width: 100%; height: auto; overflow: hidden;}
.adressDiv h2 span,.adressDiv p span{ display: block; margin-right: 15px; float: left; width: auto; height: 24px; line-height: 24px; font-size: 14px; color: #505050;}
.adressDiv h2 input{ margin-right: 25px; float: left; width: 130px; *width: 110px; padding: 0 10px; height: 24px; border: 1px solid #e5e5e5; *height: 22px; line-height: 24px; *line-height: 22px; font-size: 14px; color: #666;}
.adressDiv h2 em,.adressDiv p em{ width: 890px; margin-left: 10px; display: block; float: left;}
.adressDiv h2 em a,.adressDiv p em a{display: block; margin-right: 30px; float: left; height: 24px; line-height: 24px; font-size: 14px; color: #999;}
.adressDiv a:hover{color: #FF5384;}
.adressDiv h1{margin-top: 20px; width: 100%; border-bottom: 1px solid #e5e5e5;}
.adressDiv h1 span{  display: inline-block; background: #fff; padding-right: 10px; height: 40px; line-height: 40px; font-size: 18px; color: #505050;}
.adressDiv p{ margin-top: 15px;}
.adressDiv p span{ width:56px; margin-right: 4px;}
.adressDiv p em{ margin-left: 0; width: 1140px;}
.adressDiv p em a{ margin-right: 20px;}

/**
购物车数量
 */
.fly{ width: 30px; height: 30px; border-radius: 50px;}
.cartDiv{ position: relative;}
.cartDiv em{ position: absolute; right: -8px; top: -8px; display: none; width: 16px; height: 16px; background: #ff5384; border-radius: 50px; font-size: 12px; color: #fff; text-align: center; line-height:16px;}

.layerDele{display: none; position: absolute; top: 0; left: 50%; margin-left: -236px; width: 472px; height: auto; overflow: hidden; background: #fff; border-radius: 5px; box-shadow: 0 0 8px rgba(0,0,0,0.5); z-index: 210;}
.layerTit{ width: 100%; height: 44px; background: #ebebeb; line-height: 44px; font-size: 16px; color: #000; text-align: center;}
.layerDele .layerDiv{ padding: 40px 28px 38px; height: auto;}
.layerDele .layerDiv p{ width: 100%; height: 32px; line-height: 32px; font-size: 14px; color: #666666;}
.layerH1{ margin-top: 40px; width: 100%; height: auto; text-align: right;}
.layerH1 span,.userDiv ul li h2 input{ display: inline-block; margin-left: 20px; background: #ff5384; width: 100px; border-radius: 3px; height: 34px; text-align: center; line-height: 34px; font-size: 16px; color: #fff; cursor: pointer;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.layerH1 span.cancel,.userDiv ul li h2 input.cancel{ background: #a7a7a7;}
.layerH1 span:hover,.authority .authDiv .authSearch .auSeaBut:hover,.controlDiv .conBut:hover,.userDiv ul li h2 input:hover{ background: #ff7ea3;}
.layerH1 span.cancel:hover,.userDiv ul li h2 input.cancel:hover{ background: #c4c4c4;}

















